/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      boxShadow: {
        outer: '5px 5px 5px rgba(215, 215, 215, 0.35)',
        'inner-y':
          'inset 0px 8px 5px -3px rgba(255, 255, 255, 0.2), inset 0px -8px 5px -3px rgba(255, 255, 255, 0.2)',
        bottom: '0 5px 5px 0 rgba(0, 0, 0, 0.1)',
        around: '0 0 5px rgba(0, 0, 0, 0.5)'
      },
      backgroundImage: {
        'cisdiinfo-banner': "url('@/assets/images/cisdiinfo-banner.png')",
        'one-map': "url('@/assets/images/one-map-bg.png')",
        'top-banner': "url('@/assets/images/top-banner.png')",
        'first-title': "url('@/assets/images/first-title.png')",
        'module1-bg': "url('@/assets/images/module1-bg.png')",
        'module1-sub-bg1': "url('@/assets/images/module1-sub-bg1.png')",
        'module1-sub-bg2': "url('@/assets/images/module1-sub-bg2.png')",
        'module2-bg': "url('@/assets/images/module2-bg.png')",
        'module3-bg': "url('@/assets/images/module3-bg.png')",
        'module4-bg': "url('@/assets/images/module4-bg.png')"
      },
      backgroundSize: {
        'size-full': '100% 100%'
      }
    }
  },
  plugins: []
};
